@import "./amap-item";
@import "./themeType";
@import "./public-title";

html, body, #app {
	min-width: 1300px;
	overflow-x: auto;
}

.type-time {
	padding-top: 3%;
	font-size: 16px;
	display: flex;
	justify-content: right;
	
	span {
		padding: 0 2%;
		cursor: pointer;
	}
	
	.select.dark {
		color: var(--typeTimeSelectColor);
		position: relative;
		
		&:after {
			content: '';
			position: absolute;
			display: block;
			width: 72%;
			left: 6px;
			bottom: -12px;
			height: 6px;
			background: url('/@/assets/images/light.png') no-repeat;
			background-size: 100% 100%;
		}
	}
	
	.unSelect.dark {
		color: var(--typeTimeUnSelectColor);
	}
	
	.select.light {
		color: #5876DB;
		background-color: #BDC9F5;
		position: relative;
		margin-left: 5px;
		border: 1px solid #607DDB;
		border-radius: 5px;
	}
	
	.unSelect.light {
		background-color: #d2d7f7;
		margin-left: 5px;
		color: #889BDB;
		border: 1px solid #BDC9F5;
		border-radius: 5px;
	}
}

.type-check {
	.select.light {
		color: #5876DB;
		background-color: #BDC9F5;
		position: relative;
		margin-left: 5px;
		border: 1px solid #607DDB;
		border-radius: 5px;
	}
	
	.unSelect.light {
		background-color: #d2d7f7;
		margin-left: 5px;
		color: #889BDB;
		border: 1px solid #BDC9F5;
		border-radius: 5px;
	}
}

*::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

*::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}

*::-webkit-scrollbar-corner {
	background-color: transparent;
}

*::-webkit-scrollbar-thumb {
	border: 4px solid rgba(0, 0, 0, 0);
	height: 6px;
	border-radius: 25px;
	background-clip: padding-box;
	background-color: rgba(0, 0, 0, 0.3);
}

.nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ant-modal-mask {
	background-color: #00000073 !important;
}

/* 为其他所有的 .ant-modal-mask 设置透明背景 */
.ant-modal-mask.no-mask {
	background-color: transparent !important;
}

// 下拉框样式-start
.ant-select {
	color: var(--antSelectFontColor) !important;
	background-color: var(--antSelectBg);
}

.ant-select-dropdown {
	background-color: var(--antSelectDropdownBg) !important;
	border: 1px solid var(--antSelectDropdownBorderColor);
	border-top: none;
}

.ant-select-item {
	color: #1b7ef2 !important;
}

//框背景色
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
	color: var(--antSelectFontColor) !important;
	background-color: transparent !important;
	border: 1px solid var(--antSelectDropdownBorderColor) !important;
}

.ant-select-item-option-selected {
	color: #ffffff !important;
}

// 选中字体颜色
:deep(.ant-select-selection-item) {
	color: var(--antSelectFontColor);
}

.ant-select-item-option-active {
	background-color: transparent !important;
}

.ant-select-item-option-active:hover {
	background-color: var(--antSelectItemActive) !important;
}

// 箭头颜色
.ant-select-arrow {
	color: var(--antSelectDropdownBorderColor) !important;
}

.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
	background-color: var(--antSelectItemActive) !important;
}

// 下拉框样式-end

// 级联选择器样式-start
.ant-cascader-menu-item {
	color: #1b7ef2 !important;
}

.ant-cascader-menu-item:hover {
	background-color: var(--antSelectItemActive) !important;
}

.ant-cascader-menu-item-active {
	color: var(--antSelectFontColor) !important;
	background-color: var(--antSelectItemActive) !important;
}

.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon {
	color: #1b7ef2 !important;
}

// 级联选择器样式-end
.ant-empty-description {
	color: var(--antSelectFontColor);
}

//空表格hover白色
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
	background: transparent !important;
}

//直升机
.helicopter {
	width: 60px;
	height: 37px;
	background: url("/@/assets/img/helicopter.png") no-repeat;
	background-size: 100% 100%;
	margin-bottom: 4px;
}

//Modal
.dialog.light {
	background-color: #f3f5ff;
	border: 1px solid #f3f5ff;
	
	.police-con {
		color: var(--tableFontColor);
		background-color: #f3f5ff;
	}
	
	.ant-modal-title {
		color: #576BAD !important;
		background: url('/@/assets/images/dialog-light.png') no-repeat;
		background-size: 100% 100%;
	}
}

.dialog.dark {
	color: #ffffff;
	background-color: #00152b;
	
	.police-con {
		color: #ffffff;
		background-color: #00152b;
	}
	
	.ant-modal-title {
		color: #ffffff !important;
		background: url('/@/assets/images/dialog.png') no-repeat;
		background-size: 100% 100%;
	}
}

/*表单*/
:deep(.ant-form-item-label > label) {
	color: var(--formLabel);
}
